<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!-- 	
			user-scalable 是否允许缩放 （no||yes）
			initial-scale 初始比例
			minimum-scale 允许缩放的最小比例
			maximum-scale 允许缩放的最大比例 
			强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏   幕放大浏览； 
		-->
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" name="viewport" />
	    <!-- iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览； -->
		<meta content="yes" name="apple-mobile-web-app-capable" />
	    <!-- iphone的私有标签，它指定的iphone中safari顶端的状态条的样式； -->
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
    	<!-- 告诉设备忽略将页面中的数字识别为电话号码 -->
		<meta content="telephone=no" name="format-detection" />
		
		
		<title></title>
	
		<link rel="stylesheet" type="text/css" href="css/index.css">
		
		<script type="text/javascript" src="js/common/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="js/common/jquery.FadeWide.js"></script>
		
	</head>


	<body>
		<div class="main_DIV" >
			<div class="head-Banner-DIV">
				<header>
					<div>
					    <a href="#" style="" ></a>
						<!-- <a href="#" style="background:url(images/index/icons.png) no-repeat 0px 0px;" ></a> -->
						<ul id="id-menu-ul">
							<li class="on"><a href="#">首页</a><i></i></li>
							<li><a href="#">征信查询</a><i></i></li>
							<li><a href="#">解决方案</a><i></i></li>
							<li><a href="#">天创统计</a><i></i></li>
							<li><a href="#">商户合作</a><i></i></li>
							<li><a href="#">关于天创</a><i></i></li>
						</ul>
						<i id="id-menuShowButton-i" style="background:url(images/index/icons.png) no-repeat -186px -14px;"></i>
					</div>
				</header>
				<div class="banner-DIV">
					<ul class="bannerImg_UL">
				      <li><a style="background:url(images/index/banner1.png) no-repeat center; background-size:cover;"></a></li>
				      <li><a style="background:url(images/index/banner2.png) no-repeat center; background-size:cover;"></a></li>
				      <li><a style="background:url(images/index/banner3.png) no-repeat center; background-size:cover;"></a></li>
				      <li><a style="background:url(images/index/banner4.png) no-repeat center; background-size:cover;"></a></li>
					</ul>
					<ul class="bannerBtn_UL">
				        <li><img src="images/index/banner_off.png" /></li>
				        <li><img src="images/index/banner_off.png" /></li>
				        <li><img src="images/index/banner_off.png" /></li>
				        <li><img src="images/index/banner_off.png" /></li>
				    </ul>
				</div>
				<!-- banner-DIV -->
			</div>
			<!-- head-Banner-DIV 头部和banner -->
			
			
			<div class="advantage-DIV">
				<h1>我们的优势</h1>
				<div>
					<dl>
						<dt><i style="background:url(images/index/icons.png) no-repeat 0px -62px;" ></i></dt>
						<dd><p>技术</p><p>风控模型<span>精准安全</span></p></dd>
					</dl>
					<dl>
						<dt><i style="background:url(images/index/icons.png) no-repeat -150px -62px;" ></i></dt>
						<dd><p>数据</p><p>数据来源<span>全面有效</span></p></dd>
					</dl>
					<dl>
						<dt><i style="background:url(images/index/icons.png) no-repeat -300px -62px;" ></i></dt>
						<dd><p>服务</p><p>轻松获取<span>高效服务</span></p></dd>
					</dl>
				</div>
			</div>
			<!-- advantage-DIV 我们的优势 -->
			
			
			<div class="search-DIV" style="background:url(images/index/searchBackground.png) no-repeat center; background-size:cover;" >
				<h1>企业征信查询</h1>
				<div><input type="text" placeholder="请输入企业名称/法人名称" /><a href="#" >查 询</a></div>
			</div>
			<!-- search-DIV 搜索框 -->
			
			
			<div class="planform-DIV">
				<div>
					<dl>
						<dd><h1>天创融资平台</h1><p>为企业商户和个体商户提供征信服务，解决资金周转困难</p></dd>
						<dt><i style="background:url(images/index/icons.png) no-repeat 0px -212px;"></i></dt>
						<dd><a href="#">点击了解更多</a></dd>
					</dl>
					<dl>
						<dd><h1>反欺诈平台</h1><p>提供第三方用户信息验证、黑名单、欺诈识别，杜绝欺诈风险</p></dd>
						<dt><i style="background:url(images/index/icons.png) no-repeat -231px -212px;"></i></dt>
						<dd><a href="#">点击了解更多</a></dd>
					</dl>
				</div>
			</div>
			<!-- planform-DIV 平台 -->
			
			
			<div class="project-DIV">
				<div>
					<h1>行业解决方案</h1>
					<div>
						<dl><dt><a href="#"></a></dt><dd><a href="#">农业解决方案</a></dd></dl>
						<dl><dt><a href="#"></a></dt><dd><a href="#">商业解决方案</a></dd></dl>
						<dl><dt><a href="#"></a></dt><dd><a href="#">汽车解决方案</a></dd></dl>
						<dl><dt><a href="#"></a></dt><dd><a href="#">P2P解决方案</a></dd></dl>
					</div>
					<a href="#">点击了解更多</a>		
				</div>
			</div>
			<!-- project-DIV 行业解决方案 -->
			
			
			<div class="introduce-DIV" style="background:url(images/index/introduce.png) no-repeat center; background-size:cover;" >
				<div>
					<h1>天创统计</h1>
					<p>天创统计是天创旗下的网站流量统计分析系统，致力于为电商平台、企业网站等网站管理者提供专业的流量监控、数据统计、访客分析等服务。</p>
					<p>合作联系电话：4001812600</p>
				</div>
			</div>
			<!-- search-DIV 搜索框 -->
			
			
			<div class="joinHands-DIV">
				<h1>商户合作</h1>
				<h2>填写并提交以下信息，我们会以最快的速度联系您</h2>
				<form>
					<div>
						<span>您所需要的服务:</span>
						<p>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>企业征信查询</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>营销/融资需求</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>反欺诈</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>农业解决方案</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>电商行业解决方案</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>汽车行业解决方案</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>P2P行业解决方案</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>天创云图</label>
							<label><input type="radio" name="radio-service-INPUT"/><i></i>天创统计</label>
						</p>
					</div>
					<p><span>您所在的公司 :</span><input type="text" placeholder="请输入您所在的公司"/></p>
					<p><span>您的姓名 :</span><input type="text" placeholder="输入您的姓名"/></p>
					<p><span>您的邮箱 :</span><input type="text" placeholder="输入您的邮箱"/></p>
					<p><span>您的电话 :</span><input type="text" placeholder="输入您的电话"/></p>
					<p><span></span><input class="submit-INPUT" type="submit" value="提 交"/></p>
				</form>
				
			</div>
			<!-- joinHands-DIV 商业合作 -->
			
			
			<div class="partner-DIV">
				<h1>合作伙伴</h1>
				<div>
					<a href="#"><i><img src="images/index/partner_gdyh.png"></i></a>
					<a href="#"><i><img src="images/index/partner_hryd.png"></i></a>
					<a href="#"><i><img src="images/index/partner_nxhl.png"></i></a>
					<a href="#"><i><img src="images/index/partner_pfyh.png"></i></a>
					<a href="#"><i><img src="images/index/partner_yinlian.png"></i></a>
					<a href="#"><i><img src="images/index/partner_zgdx.png"></i></a>
					<a href="#"><i><img src="images/index/partner_zgll.png"></i></a>
					<a href="#"><i><img src="images/index/partner_zglt.png"></i></a>
					<a href="#"><i><img src="images/index/partner_zhhf.png"></i></a>
					<a href="#"><i><img src="images/index/partner_nyyh.png"></i></a>
				</div>
			</div>
			
			
			<footer>
				<div>
					<p><span>2014-2015 天创信用服务有限公司版权所有</span></p>
					<p><a href="#">天创信用官网</a><i></i><a href="#">关于天创</a><i></i><a href="#">联系我们</a></p>
				</div>
			</footer>
			
		</div>
		
		<div class="subwin_mask_DIV"></div>
		
		<div class="subwin_alert_DIV">
			<i style="background:url(images/index/icons.png) no-repeat -252px -15px;"></i>
			<i style="background:url(images/index/icons.png) no-repeat -502px -232px;"></i>			
			<h1 class="clBoth">感谢您的填写，我们将尽快与您联系</h1>
			<a href="#">确定</a>
		</div>
		
	</body>
	
	<script type="text/javascript">
	
		$('.banner-DIV').DB_tabFadeWide({
			imgWidth:250,            
	        autoRollingTime:3000
		});
		
		
		function init(){
			initListen();
		}
		
		
		function initListen(){
			//	小屏幕时点击图标出现菜单
			$('#id-menuShowButton-i').click(function(event){
				var isShow = $('#id-menu-ul')[0].style.display == '';
				if(isShow){
					$('#id-menu-ul')[0].style.display = 'block';
					$('#id-menuShowButton-i')[0].style.background="url(images/index/icons.png) no-repeat -220px -14px";
				}else{
					$('#id-menu-ul')[0].style.display = '';
					$('#id-menuShowButton-i')[0].style.background="url(images/index/icons.png) no-repeat -186px -14px";
				}
			});
			
		}
		
		
		$(document).ready(function(){
			init();
		});
	
	</script>

</html>